<template>
  <el-select v-model="selected_model" placeholder="Select" size="large" style="width: 240px">
    <el-option
    v-for="item in model_info"
    :key="item.name"
    :label="item.name"
    :value="item.name"
    :title="item.message"
    />
  </el-select>
  <div style="height: 200px;width: 100px;background-color: red;"></div>
  <div style="height: 200px;width: 100px;background-color: red;"></div>
  <div style="height: 200px;width: 100px;background-color: blue;"></div>
  <div style="height: 200px;width: 100px;background-color: red;"></div>

</template>

<script lang="ts" setup>
import { ref, watch } from 'vue'
import { SERVER_URL, model_info } from '@/components/handleApp'
import axios from 'axios'

const selected_model = ref('')

</script>

<style scoped></style>